<h3>Authentication</h3>
<p>Authentication to your application is provided with the <code>FormioAuthModule</code></p>
<a href="https://github.com/formio/angular-formio/wiki" class="btn btn-primary"><span class="glyphicon glyphicon-book"></span> Authentication Documentation</a>
<div class="row">
  <div class="col col-sm-6 col-sm-offset-3">
    <div *ngIf="!service.authenticated" class="panel panel-default">
      <div class="panel-heading" style="padding-bottom: 0; border-bottom: none;">
        <ul class="nav nav-tabs" style="border-bottom: none;">
          <li role="presentation" routerLinkActive="active"><a routerLink="login">Login</a></li>
          <li role="presentation" routerLinkActive="active"><a routerLink="register">Register</a></li>
        </ul>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-lg-12">
            <router-outlet></router-outlet>
          </div>
        </div>
      </div>
    </div>
    <div *ngIf="service.authenticated" class="well text-center">
      <h3>You are logged in as {{ service.user.data.email }}</h3>
      <button class="btn btn-primary" (click)="service.logout()"><span class="glyphicon glyphicon-log-out"></span> Logout</button>
    </div>
  </div>
</div>
